Hover Tab Menu Different Image

Ctrl+F2 - enter/switch menu | Arrow keys - navigate | Esc - exit menu

Support

FAQ

Contacts

About Us

Recent Questions

I want each tab in a hover tab menu has a different image..

Return to Recent Questions

Q: I am trying to create a tab menu and I have some questions.
I want each tab in a hover tab menu has a different image,
the normal and hover state uses the same image and the selected state uses a different image.

A: If you want to use different images you should use Individual Item Styles and assign them for your tabs.

var bstyles = [

["bitemBackImage=deluxe-tabs.files/style04_n_back.gif,deluxe-tabs.files/style04_s_back.gif,deluxe-tabs.files/style04_s_back.gif",
"bbeforeItemImage=deluxe-tabs.files/style04_n_left.gif,deluxe-tabs.files/style04_s_left.gif,deluxe-tabs.files/style04_s_left.gif",
"bafterItemImage=deluxe-tabs.files/style04_n_right.gif,deluxe-tabs.files/style04_s_right.gif,deluxe-tabs.files/style04_s_right.gif"],

["bitemBackImage=deluxe-tabs.files/style04_2_n_back.gif,deluxe-tabs.files/style04_2_s_back.gif,deluxe-tabs.files/style04_2_s_back.gif",
"bbeforeItemImage=deluxe-tabs.files/style04_2_n_left.gif,deluxe-tabs.files/style04_2_s_left.gif,deluxe-tabs.files/style04_2_s_left.gif",
"bafterItemImage=deluxe-tabs.files/style04_2_n_right.gif,deluxe-tabs.files/style04_2_s_right.gif,deluxe-tabs.files/style04_2_s_right.gif"],

["bitemBackImage=deluxe-tabs.files/style04_3_n_back.gif,deluxe-tabs.files/style04_3_s_back.gif,deluxe-tabs.files/style04_3_s_back.gif",
"bbeforeItemImage=deluxe-tabs.files/style04_3_n_left.gif,deluxe-tabs.files/style04_3_s_left.gif,deluxe-tabs.files/style04_3_s_left.gif",
"bafterItemImage=deluxe-tabs.files/style04_3_n_right.gif,deluxe-tabs.files/style04_3_s_right.gif,deluxe-tabs.files/style04_3_s_right.gif"],
];

var bmenuItems = [

["Item 1","", "", "", "", "", "0", "", "", ], //style1
["Item 2","", "", "", "", "", "1", "", "", ], //style2
["Item 3","", "", "", "", "", "2", "", "", ], //style3
];

Return to Recent Questions

Related:

Sep 06, 2006 - Can't see my javascript vertical tree menu in FireFox.
Sep 24, 2006 - If there is a way of establishing the width at "runtime" in the javascript dynamic menu?
Sep 26, 2006 - Why is the submenu has a different colour than menu items in the javascript menu bar?
Oct 01, 2006 - All of the items in html pull down menu are different sizes.
Oct 06, 2006 - How can I use right-to-left languages in javascript popupmenu?
Oct 13, 2006 - Under the menu images there is a gray line that makes it look broken.
Nov 05, 2006 - The font color doesn't change when I roll over the dhtml side menu
Nov 14, 2006 - Can dhtml menu script work with tables ?
Nov 20, 2006 - I've tried to add the pathPrefix_img but I'm still having trouble with images in jump menu.
Nov 20, 2006 - We need to have 2 javascript hover menu on one page.
Nov 28, 2006 - Do I need any additional loaded software using the javascript select menu?

Bootstrap Buttons Group Best 18 Landing Page Bootstrap Theme Roundup \| Bootstrap Modal Position \| Bootstrap Table Template \| Bootstrap Pagination Responsive \| Bootstrap Alert Colors \|
Copyright (c) 2019, Deluxe-Menu.com	Home \| Product Info \| Samples \| Download \| Purchase \| FAQ \| Site Map \| Terms of Use \|
All rights reserved.	Best AI Website Builder \| AI Website Builder \| Free AI Website Generator \| AI web design generator \| AI website design generator